<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
		<script>
var once_per_session=1
function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
      offset += search.length
      end = document.cookie.indexOf(";", offset);
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}
function alertornot(){
if (get_cookie('alerted')==''){
loadalert()
document.cookie="alerted=yes"
}
}
function loadalert(){
alert(alertmessage)
}
if (once_per_session==0)
loadalert()
else
alertornot()
</script>
		<metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
		<title></title>
		<style type="text/css">
			@font-face {
			font-family:chishang;
			src: url(font/FZJZJW.TTF)
			}
			body{
				font-family: chishang;
				background: rgba(125,186,250,0.1);
				
			}
			*{
				margin: 0;
			}
			#header{
				width: 100%;
				height: 110px;
				background: black;
				opacity: 0.75;
				box-shadow: 0 4px 4px rgba(0,0,0,0.5);
				text-align: center;
				position: fixed;
				top: 0;
			}
			#danghangtiao{
				margin: 35px 50px 0 50px;
			}
			#header a{
				padding-left: 5%;
				padding-right: 5%;
				text-decoration: none;
				color: #bbb;
				width: 25%;
			}
			#header img{
				margin: 0 auto;
				left: 50px;
			}
			
			#wenzi{
				width: 800px;
				font-size: 40px;
				margin: 0 auto;
				margin-top:130px ;
				text-indent: 2em;
			}
			#container{
				width: 80%;
				margin: 0 auto;
			
			}
			
			.xiangmu{
				width: 31%;
				float: left;
				margin-top: 3%;
			}
			.xiangmu img{
				width: 100%;
				box-shadow: 0px 0px 5px #AAAAAA;
				border-radius: 10px 10px 10px 10px;
				
			}
			.xiangmu:nth-child(3n+2){
				margin-left: 3.5%;
				margin-right: 3.5%;
			}
			@media only screen and (max-width: 550px) {
				.xiangmu{
					width: 48%;
					margin-top: 1.5%;
				}
				.xiangmu:nth-child(3n+2){
					margin: 0;
					margin-top: 1.5%;
				}
				.xiangmu:nth-child(2n+1){
					margin-right: 4%;
				}
			}
			#clear{
				clear: both;
			}
			footer{
				margin-top: 100px;
				height: 170px;
				background: #EEEEEE;
				padding: 10px;
			}
			#zuobian,#youbian{
				box-sizing: border-box;
				width: 50%;
				float: left;
				height: 170px;
			}
			#zuobian{
				text-align: right;
				border-right: #fff 1px solid;
			}
			#zuobian img{
				width: 30px;
				margin-right: 10px;
			}
			#youbian{
				padding-left: 10px;
			}
			#youbian img{
				width: 100px;
			}
			#youbian p{
				line-height: 20px;
				color: #555;
				text-shadow: 1px 1px #FFFF;
			}
			#home img{
				height: 140px;
				width: 200px;
			}
			
		</style>
	</head>
	
	
	<body>
		<div id="header">
			<img src="img/XYX.png" >                                                                               
			<div id="danghangtiao">
				<a href="">家用电器</a>
				<a href="">生活用品</a>
				<a href="">零食饮料</a>
				<a href="">服装</a>
			</div>
		</div>
		<div id="wenzi">
			<p align="center">真真的小小购物中心 </p>
		</div>
		<hr> 
		<div id="container">
			<div class="xiangmu">
				<a href=""><img src="img/1.jpg"></a>
			</div>
			<div class="xiangmu">
				<a href=""><img src="img/1.jpeg"></a>
			</div>
				<div class="xiangmu">
					<a href=""><img src="img/2.jpeg"></a>
				
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/3.jpeg"></a>
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/4.jpeg"/>	</a>		
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/12.jpeg"/></a>			
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/13.jpeg"/></a>
					
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/14.jpeg"/></a>
					
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/15.jpeg"/></a>
					
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/16.jpeg"/></a>
					
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/17.jpeg"/></a></h1>
					
				</div>
				<div class="xiangmu">
					<a href=""><img src="img/18.jpeg"/></a></h1>
					
				</div>
				
		</div>
		<div id="clear">			
		</div>			
		</div> 
		<footer>
			<div id="zuobian">
				<img src="img/contact1 (1).jpg"/>
				<img src="img/contact2.jpg">
				<img src="img/contact3 (1).jpg"/>
				<img src="img/ie.jpg"/>
				
			</div>
			<div id="youbian">
				<img src="img/houmian.jpg" >
				
			</div>
		</footer>
	</body>
</html>
